#page-5 {
  display: none;
  position: absolute;
  @include square(100%);
  background-image: url("../image/page-5-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;

  > .tong {
    position: absolute;
    @include size(px2rem-b(624px), px2rem-b(741px));
    background-image: url("../image/page-5-tong.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: px2rem-b(173px);
    right: px2rem-b(213px);
  }

  > .blink {
    //270 / 416 372
    position: absolute;
    @include square(px2rem-b(467px));
    top: px2rem-b(514px - 233px);
    right: px2rem-b(430px - 233px);
  }

  > .zs-1 {
    position: absolute;
    left: 0;
    top: px2rem-b(30px);
    @include size(px2rem-b(685px), px2rem-b(989px));
    background-image: url("../image/page-5-zs-1.png");
    background-size: 100% 100%;
    display: none;
  }

  > .line {
    position: absolute;
    top: px2rem-b(425px);
    right: px2rem-b(480px);
    width: 0;
    height: px2rem-b(73px);
    background-image: url("../image/page-5-zs-2.png");
    background-size: auto 100%;
    background-position: right;
  }

  > .zs-2 {
    position: absolute;
    @include size(px2rem-b(552px), px2rem-b(159px));
    background-image: url("../image/page-5-zs-3.png");
    background-size: 100% 100%;
    top: px2rem-b(504px);
    right: px2rem-b(800px);
    display: none;
  }

  > .zs-3 {
    position: absolute;
    @include size(px2rem-b(321px), px2rem-b(193px));
    background-image: url("../image/page-5-zs-4.png");
    background-size: 100% 100%;
    display: none;
    top: px2rem-b(674px);
    right: px2rem-b(800px);
  }
}